.clearfix:after { content: ""; display: table; clear: both; }
.section { overflow: hidden; }

.center { position: relative; z-index: 1; width: 1200px; height: 100%; margin: 0 auto; }

.header{     position: fixed;top: 0; right: 0; left: 0; z-index: 1000; width: 100%; height: auto; background: rgba(52,61,67,0.5); }
.vacane-logo { padding: 14px 0; margin: 0; float: left; }
.vacane-logo a { width: 360px; height: 54px; font-size: 0; float: left; background: url(../images/logo.png) no-repeat; }
.vacane-menu { float: right; }
.vacane-menu li { position: relative; float: left; }
.vacane-menu a { padding: 0 10px; line-height: 84px; font-size: 14px; color: #fff; display: block; }
.vacane-menu a:hover,
.vacane-menu a.on{ background: rgba(18,120,224,1); }
.vacane-menu li ol{ position: absolute; top: auto; left: 0; z-index: 199; width: 120px; height: auto; padding: 5px 0; background: rgba(52,61,67,1); display: none;  }
.vacane-menu li ol li{ width: 100%; height: 30px; float: none; }
.vacane-menu li ol li a{ padding-left: 15px; line-height: 30px; font-size: 14px; color: #fff; display: block; }
.vacane-menu li ol li a:hover{ background: rgba(18,120,224,1); }
.vacane-menu li:hover ol{ display: block; }

.vacane-search { width: 180px; height: 40px; margin: 21px 0; float: right;  }
.vacane-search .form{ width: 170px; height: 40px; float: right; }
.vacane-search .txt{ width: 130px; height: 40px; padding: 10px 5px; line-height: 20px; font-size: 14px; color: #fff; border: 0; outline: none; background: transparent; float: left; }
.vacane-search .txt:hover{ border-bottom: 1px solid #1278e0; }
.vacane-search .go{ width: 40px; height: 40px; border: 0; border-radius: 100%; outline: none; background: #1278e0 url(../images/go.png) no-repeat center center; background-size: auto 20px; float: left; cursor: pointer; }

.wapheader{ display: none; }

.banner{ background: #c7c0b8;  }
.banner-desc{ width: 100%; height: 100%; }
.banner-desc .carousel-inner{ height: 100%; }
.banner-desc .carousel-inner .item{ width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; }
.banner-desc .carousel-inner .item a{ width: 100%; height: 100%; display: block; }
.banner-desc .carousel-indicators{ position: fixed; bottom: 30px; }
.banner-desc .carousel-indicators li{ width: 14px; height: 14px; margin: 0 7px; border: 1px solid #fff; background: transparent; opacity: 1; }
.banner-desc .carousel-indicators .active{ border-color: #1278e0; background: #1278e0; }
.banner-desc .carousel-control{ width: 10%; }
.banner-desc .carousel-control span{ position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px; border-radius: 100%; display: block; }
.banner-desc .carousel-control.left span{ right: 0; background: rgba(255,255,255,0.5) url(../images/mis-prev-icon.png) no-repeat center center; background-size: auto 50%; }
.banner-desc .carousel-control.right span{ left: 0; background: rgba(255,255,255,0.5) url(../images/mis-next-icon.png) no-repeat center center; background-size: auto 50%; }

.product{  background: url(../images/pro.jpg) no-repeat center bottom; background-size: 100% auto; }
.products{ position: absolute; top: 50%; width: 100%; height: 622px; text-align: center; margin-top: -269px; }
.products .parTd{ margin-bottom: 22px; margin-top: 20px; }
.products .parTd h1{ line-height: 40px; font-family: "Microsoft Yahei", sans-serif; font-size: 30px; color: #000; letter-spacing: 5px; text-indent: 5px; margin: 0; display: block; }
.products .parTd h6{ line-height:35px; font-family: "Arial", sans-serif; font-size: 12px;  color: #858181; text-transform:uppercase; margin: 0; display: block; }
.products .parHd{ width: 1200px; margin: 0 auto 48px auto; overflow: hidden; }
.products .parHd ul li{    padding: 0px 5px; height: 30px; line-height: 28px; font-size: 12px; border-radius: 14px; margin: 0 5px; color: #7b7b7b; border: 1px solid #d3d0d0; float: left; cursor: pointer; }
.products .parHd ul li.on,
.products .parHd ul li:hover{ border-color: #1278e0; background: #1278e0; color: #fff; }
.products .parMd{ overflow: hidden; }
.products .parMd ul li{ width: 280px; height: 351px; float: left; margin-right: 26px; }
.products .parMd ul li:last-child{ margin-right: 0; }
.products .parMd ul li .pic{ position: relative; width: 280px; height: 280px; line-height: 280px; background: #fff; border-radius: 5px; overflow: hidden; }
.products .parMd ul li .pic img{ width: 100%; display: inline-block; }
.products .parMd ul li .pic a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(18,120,224,0.3); display: none; }
.products .parMd ul li .pic a span{ position: absolute; top: 50%; right: 0; left: 0; z-index: 2; width: 100%; height: 150px; padding: 0 20px 0 50px; margin-top: -75px; display: block; }
.products .parMd ul li .pic a span h2{ position: relative; line-height: 40px; text-align: left; font-size: 24px; color: #fff; margin: 0 0 15px 0; display: block; }
.products .parMd ul li .pic a span h2:after{ position: absolute; top: 20px; left: -50px; z-index: 3; width: 40px; height: 1px; background: #fff; content: ''; }
.products .parMd ul li .pic a span p{ height: 96px; line-height: 24px; text-align: left; font-size: 14px; color: #fff; margin: 0; display: block; overflow: hidden; }
.products .parMd ul li .title{ width: 100%; height: 52px; margin: 10px 0;  }
.products .parMd ul li .title h11{ line-height: 28px; font-size: 14px; color: #333;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0; margin: 0; display: block; }
.products .parMd ul li .title h6{ line-height: 24px; font-size: 14px; color: #a6a6a6; margin: 0; display: block; }
.products .parMd ul li:hover .pic a{ display: block; }
.products .parBd{ width: 155px; height: 40px; margin: 0 auto; }
.products .parBd a{ line-height: 38px; font-size: 14px; color: #1278e0; border: 1px solid #1278e0; background: #fff; text-transform: uppercase; display: block; }
.products .parBd a:hover{ border-color: #1278e0; background: #1278e0; color: #fff; }

.about{ background: url(../images/about.jpg) no-repeat center bottom; background-size: 100% auto; }
.abouts{ position: absolute; top: 50%; width: 100%; height: 438px; background: rgba(29,36,40,0.4); margin-top: -177px; }
.abouts .video{ width: 673px; float: left; }
.abouts .video a{ display: block; }
.abouts .video a img{ width: 100%; display: block; }
.aboutus{ width: 527px; padding: 50px; float: right; }
.aboutus span{ height: 40px; margin: 20px 0; display: block; }
.aboutus span h1{ line-height: 40px; font-family: "Microsoft Yahei", sans-serif; font-size: 24px; color: #fff; margin: 0 10px 0 0; float: left; display: block; }
.aboutus span h6{ line-height: 40px; font-family: "Microsoft Yahei","Arial", sans-serif; font-size: 14px; color: #b1b1b1; margin: 0; float: left; display: block; }
.aboutus p{ line-height: 22px; font-size: 14px; color: #fff; text-indent: 2em; margin: 0; display: block; }
.aboutus a{ width: 149px; height: 37px; line-height: 37px; text-align: center; font-size: 14px; color: #fff; margin-top: 20px; background: #1278e0; display: block; }

.society{background: url(../images/news.jpg) no-repeat center bottom; background-size: 100% auto; }
.societys{ position: absolute; top: 50%; width: 100%; height: 516px; text-align: center; margin-top: -216px; }
.societys .parTd{ margin-bottom: 42px; }
.societys .parTd h1{ line-height: 40px; font-family: "Microsoft Yahei", sans-serif; font-size: 30px; color: #fff; letter-spacing: 5px; text-indent: 5px; margin: 0; display: block; }
.societys .parTd h6{ line-height: 35px; font-family: "Arial", sans-serif; font-size: 14px; color: #fff; text-transform:uppercase; margin: 0; display: block; }
.societys .parMd{ position: relative; }
.societys .parMd ul{ overflow: hidden; }
.societys .parMd ul li{ width: 380px; height: 430px; float: left; margin-right: 30px; }
.societys .parMd ul li a{ display: block; }
.societys .parMd ul li .pic{ position: relative; width: 380px; height: 212px; line-height: 212px; background: #fff; overflow: hidden; }
.societys .parMd ul li .pic img{ width: 100%; display: inline-block; }
.societys .parMd ul li .title{ width: 100%; height: 218px; padding: 30px; text-align: left; background: #fff;  }
.societys .parMd ul li .title h4{ height: 34px; line-height: 34px; font-size: 16px;color: #5e5e5e; margin: 0 0 5px 0; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.societys .parMd ul li .title p{ height: 72px; line-height: 24px; font-size: 12px; color: #a1a1a1; margin: 0; display: block; overflow: hidden; }
.societys .parMd ul li .title span{ width: 131px;display: block; height: 34px; line-height: 32px; text-align: center; font-size: 12px; color: #a1a1a1; text-transform: capitalize; border: 1px solid #a1a1a1; margin-top: 15px;}
.societys .parMd ul li:hover .title{ background: rgba(255,255,255,0.6); }
.societys .parMd ul li:hover .title h4{ color: #000; }
.societys .parMd ul li:hover .title p{ color: #fff; }
.societys .parMd ul li:hover .title span{ display: block; color: #fff; background: #1278e0; }
.societys .parMd .sPrev,
.societys .parMd .sNext{ position: absolute; top: 50%; width: 30px; height: 40px; background-repeat: no-repeat; background-position: center center; background-size: auto 20px; margin-top: -20px; display: block; }
.societys .parMd .sPrev{ left: -40px; background-image: url(../images/mis-prev.png);  }
.societys .parMd .sNext{ right: -40px; background-image: url(../images/mis-next.png); }

.contact{ background: url(../images/contact.jpg) no-repeat center bottom; background-size: 100% auto;  }
.contacts{ position: absolute; top: 50%; right: 0; left: 0; width: 1100px; height: 480px; text-align: center; margin: -198px auto 0 auto; }
.contacts .parTd{ margin-bottom: 34px; }
.contacts .parTd h1{ line-height: 40px; font-family: "Microsoft Yahei", sans-serif; font-size: 30px; color: #1d2428; letter-spacing: 5px; text-indent: 5px; margin: 0; display: block; }
.contacts .parTd h6{ line-height: 24px; font-family: "Arial", sans-serif; font-size: 14px; color: #666666; text-transform: capitalize; margin: 0; display: block; }
.contacts .parMd{ margin-bottom: 88px; margin-top: 20px; }
.contacts .parMd h1{ line-height: 40px; font-size: 20px; color: #000;  text-indent: 5px; margin: 0 0 40px 0; display: block; }
.contacts .parMd div{  line-height: 30px;  text-align: left}
.contacts .parMd div i{margin-right: 10px;}
.contacts .parMd div h17{ width: 100%;   line-height: 40px;font-size: 20px;color: #000;padding-left:0}
.contacts .parMd div h2,
.contacts .parMd div h3,
.contacts .parMd div h4,h5,h8,h7,
.contacts .parMd div h5{ line-height: 38px; padding-left: 32px; text-align: left; font-size: 14px; color: #000; margin: 0; background-repeat: no-repeat; background-position: 5px center; background-size: auto 20px; float: left; display: block; }
.contacts .parMd div h2{ width: 600px; background-image: url(../images/tel.png); }
.contacts .parMd div h3{ width: 386px; background-image: url(../images/tel.png); }
.contacts .parMd div h4{ width: 600px; background-image: url(../images/map.png); }
.contacts .parMd div h5{ width: 386px; background-image: url(../images/map.png); }
.contacts .parMd div h8{ width: 600px; background-image: url(../images/fax.png);    font-weight: 500; }
.contacts .parMd div h7{ width: 386px; background-image: url(../images/fax.png);    font-weight: 500; }
.contacts .parMd div a{ width: 186px; height: 38px; line-height: 36px; text-align: center; font-size: 16px; color: #1278e0; border: 1px solid #1278e0; float: right; display: block; }
.contacts .parMd div a:hover{ background: #1278e0; color: #fff; }
.contacts .parBd{ width: 100%; height: 100px; border-bottom: 1px dashed #bcbbbb;}
.contacts .parBd ul li{ width: 23%; margin-right: 0.5%; height: 98px; float: left; 
border-radius:10px;  }
.contacts .parBd ul li:last-child{ border-right: 0; }
.contacts .parBd ul li a{ width: 224px; height: 50px; margin: 24px auto; display: block; }
.contacts .parBd ul li a h4{ width: 50px; height: 50px; background-repeat: no-repeat; background-position: center center; background-size: auto 40px; margin: 0; float: left; display: block; }
.contacts .parBd ul li a h4.qq{ background-image: url(../images/iphone.png);}
.contacts .parBd ul li a h4.wechat{ background-image: url(../images/email.png);}
.contacts .parBd ul li a h4.sina{ background-image: url(../images/cont.png);}
.contacts .parBd ul li a h4.web{ background-image: url(../images/e.png);}
.contacts .parBd ul li a span{ width: 170px; height: 50px; text-align: left; padding: 5px; float: right; display: block; }
.contacts .parBd ul li a span h9{ line-height: 20px; font-size: 14px; color: #000; margin: 0; display: block; font-weight: 500; }
.contacts .parBd ul li a span h10{ line-height: 20px; font-size: 14px; color: #000; margin: 0; display: block; font-weight: 500; }

.footer{ background: #1e242b; }
.botter{ padding: 52px 0 40px 0; text-align: center; border-bottom: 1px solid #959595; }
.botter a{ padding: 0 35px; line-height: 14px; font-size: 12px; color: #fff; border-right: 1px solid #959595; display: inline-block; }
.botter a:last-child{ border-right: 0; }
.botter a:hover{ color: #1278e0; }
.copyright { padding: 10px 0; text-align: center; }
.copyright p{ line-height: 20px; font-size: 12px; color: #b3b3b3; margin: 0; display: block; }

#fp-nav ul li:last-child { display: none; }

.floating{ position: fixed; top: 50%; right: 20px; z-index: 10001; width: auto; height: 320px; margin-top: -160px; }
.floating div{ position: relative; width: auto; height: 76px; }
.floating div a{ width: 100%; height: 76px; text-align: center; margin: 2px 0; display: block; }
.floating div a span{ width: 72px; height: 76px; background-color: #1278e0; float: right; display: block;  }
.floating div a span i{ width: 72px; height: 48px; background-repeat: no-repeat; background-size: auto 40px; display: block; }
.floating div a span i.qq{ background-image: url(../images/iqq.png); background-position: center 8px;  }
.floating div a span i.wechat{ background-image: url(../images/iwechat.png); background-position: center 8px; }
.floating div a span i.tel{ background-image: url(../images/itelephone.png); background-position: center 8px;  }
.floating div a span i.top{ background-image: url(../images/itop.png); background-position: center 10px;  }
.floating div a span p{ width: 72px; line-height: 28px; font-size: 12px; color: #fff; margin: 0; text-transform: uppercase; display: block; }
.floating div a h1{ width: 180px; line-height: 76px; font-family: "Arial", sans-serif; font-size: 20px; color: #fff; background: #f39800; margin: 0; float: left; display: none; }
.floating div a span:hover{ background: #f39800; }
.floating div a:hover h1{ display: block; }

.footers{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 1000; width: 100%; height: auto; }

.us{ background: #fff; }
.uss{ position: absolute; top: 50%; right: 0; left: 0; width: 100%; height: 464px; margin-top: -261px; }
.uss .td{ text-align: center; margin-bottom: 100px; }
.uss .td h1{ line-height: 40px; font-family: "Microsoft Yahei", sans-serif; font-size: 30px; color: #1d2428; letter-spacing: 5px; text-indent: 5px; margin: 0; display: block; }
.uss .td h6{ line-height: 24px; font-family: "Arial", sans-serif; font-size: 14px; color: #a1a1a1; text-transform: uppercase; margin: 0; display: block; }
.uss .bd{  }
.uss .bd ul li{ width: 33.33333333%; height: 300px; float: left; border-right: 1px solid #dcdcdc; }
.uss .bd ul li:last-child{ border-right: 0; }
.uss .bd ul li div { width: 280px; margin: 0 auto; }
.uss .bd ul li div i { height: 92px; border-bottom: 5px solid #e5e5e5; background-repeat: no-repeat; background-position: center center; background-size: auto 52px; display: block; }
.uss .bd ul li div i.cico1 { background-image: url(../images/ico1.png); }
.uss .bd ul li div i.cico2 { background-image: url(../images/ico2.png); }
.uss .bd ul li div i.cico3 { background-image: url(../images/ico3.png); }
.uss .bd ul li div h3 { line-height: 30px; font-size: 18px; font-weight: bold; color: #252525; margin: 10px 0; display: block; }
.uss .bd ul li div p { line-height: 28px; font-family: "Arial", sans-serif; font-size: 14px; color: #4c4c4c; margin: 0; display: block; }






.page-title{
	position:relative;
	padding: 220px 0 180px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

.page-title:before{
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#000000;
	opacity: 0;
	position:absolute;
}

.page-title .inner-container{
	position: relative;
}

.page-title .title-box{
	position: relative;
	float: left;
}

.page-title h1{
	position:relative;
	display: block;
	font-size:30px;
	color:#ffffff;
	line-height: 50px;
	font-weight: 500;
	margin-bottom: 35px;
}

.page-title .title{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 40px;
	color: #ffffff;
	font-weight: 400;
}

.page-title .bread-crumb {
	position: relative;
	float: right;
	padding-top: 95px;
}

.page-title .bread-crumb li{
	position: relative;
	float: left;
	font-size: 18px;
	line-height: 30px;
	color:#164485;
	font-weight: 700;
	text-transform: capitalize;
	cursor: default;
	padding-right:  10px;
	margin-right: 10px;
}

.page-title .bread-crumb li:before{
	position: absolute;
	right: -2px;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	content: "-";
}

.page-title .bread-crumb li:last-child:before{
	display: none;
}

.page-title .bread-crumb li a{
	color:#ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.page-title .bread-crumb li a:hover{
	color:#164485 ;	
}




.oklo{height:65px;overflow:hidden;width:100%;line-height:65px;font-size:15px;color:#333333;}
.oklo ul{width:1200px;margin:0 auto;overflow:hidden;}
.oklo li{float:left;overflow:hidden;width:130px;text-align:center;}
.oklo li a{display:block;width:90px;height:65px;}
.oklo li a:hover{background:url(../images/hom.jpg) no-repeat center bottom;color:#F8433D;}
.okks{background:url(../images/picm.jpg) no-repeat center;width:100%;height:926px;}




.ijoo{width:1200px;margin:0 auto;overflow:hidden;}
.ijhi{padding-top:72px;padding-bottom:38px;text-align:center;}
.jiss{line-height:33px;font-size:14px;}


.aboutOne {
    width: 100%;background: #f9f9f9;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.aboutOneWrap p{
   line-height: 28px;
}
.aboutOneWrap, .contactOne, .contactTwo {
    height: 100%;
        padding: 0 0 3rem;
  
}
.W1200 {
    width: 1200px;
    margin: 0 auto;
}
.floortitle{
    padding-top: 6rem;
	 width: 100%;
    text-align: center;
    color: #232321;
    z-index: 2;
	
}
.floortitle strong {
    display: block;
    font-size: 30px;
    font-weight: 400;
    line-height: 5rem;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}



.floortitle.active strong {
	opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}

.floortitle.active i {
	opacity: 1;
    letter-spacing: 14px;
    text-indent: 14px;
}

.floortitle i, .floortitle strong {
    opacity: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all ease-in-out 1s;
    transition: all 1s ease-in-out;
}


.btn3{ margin-top:10px; text-align: right  }
.btn3 a{ display:inline-block; height:35px; line-height:35px; background:#fff; color:#000;    border: 1px solid #e4eaec;  width:100PX; font-size:12px; border-radius: 3px; text-align: center;}
.btn3 a:hover{ background:#000; color:#fff;}





.contacts1{width: 100%; text-align: center;}
.contacts1 .parTd{ margin-bottom: 34px; }
.contacts1 .parTd h1{ line-height: 40px; font-family: "Microsoft Yahei", sans-serif; font-size: 30px; color: #1d2428; letter-spacing: 5px; text-indent: 5px; margin: 0; display: block; }
.contacts1 .parTd h6{ line-height: 24px; font-family: "Arial", sans-serif; font-size: 14px; color: #666666; text-transform: capitalize; margin: 0; display: block; }
.contacts1 .parMd{     margin-bottom: 38px; margin-top: 20px; }
.contacts1 .parMd h1{ line-height: 40px; font-size: 20px; color: #000;  text-indent: 5px; margin: 0 0 40px 0; display: block; }
.contacts1 .parMd div{  line-height: 38px; text-align: left; }
.contacts1 .parMd div i{margin-right: 10px;}
.contacts1 .parMd div h2,
.contacts1 .parMd div h3,
.contacts1 .parMd div h4,h5,h8,h7,h9,h10,h11,h12,h13,h14,h15,h16,h17,h18,
.contacts1 .parMd div h5{ line-height: 38px; padding-left: 32px; text-align: left; font-size: 14px; color: #000; margin: 0; background-repeat: no-repeat; background-position: 5px center; background-size: auto 20px; float: left; display: block; }
.contacts1 .parMd div h2{ width: 600px; background-image: url(../images/tel.png); }
.contacts1 .parMd div h3{ width: 386px; background-image: url(../images/tel.png); }
.contacts1 .parMd div h9{ width: 600px; background-image: url(../images/cont.png); }
.contacts1 .parMd div h10{ width: 386px; background-image: url(../images/cont.png); }
.contacts1 .parMd div h11{ width: 600px; background-image: url(../images/iphone.png); }
.contacts1 .parMd div h12{ width: 386px; background-image: url(../images/iphone.png); }
.contacts1 .parMd div h13{ width: 600px; background-image: url(../images/email.png); }
.contacts1 .parMd div h14{ width: 386px; background-image: url(../images/email.png); }
.contacts1 .parMd div h15{ width: 600px; background-image: url(../images/e.png); }
.contacts1 .parMd div h16{ width: 386px; background-image: url(../images/e.png); }
.contacts1 .parMd div h17{ width: 600px;   font-size: 20px;color: #000;padding-left:0}
.contacts1 .parMd div h18{ width: 386px;  line-height: 40px;font-size: 20px;color: #000;padding-left:0}
.contacts1 .parMd div h4{ width: 600px; background-image: url(../images/map.png); }
.contacts1 .parMd div h5{ width: 386px; background-image: url(../images/map.png); }
.contacts1 .parMd div h8{ width: 600px; background-image: url(../images/fax.png);    font-weight: 500; }
.contacts1 .parMd div h7{ width: 386px; background-image: url(../images/fax.png);    font-weight: 500; }
.contacts1 .parMd div a{ width: 186px; height: 38px; line-height: 36px; text-align: center; font-size: 16px; color: #1278e0; border: 1px solid #1278e0; float: right; display: block; }
.contacts1 .parMd div a:hover{ background: #1278e0; color: #fff; }
.contacts1 .parBd{ width: 100%; height: 100px; border-bottom: 1px dashed #bcbbbb;}
.contacts1 .parBd ul li{ width: 23%; margin-right: 0.5%; height: 98px; float: left; 
border-radius:10px;  }
.contacts1 .parBd ul li:last-child{ border-right: 0; }
.contacts1 .parBd ul li a{ width: 224px; height: 50px; margin: 24px auto; display: block; }
.contacts1 .parBd ul li a h4{ width: 50px; height: 50px; background-repeat: no-repeat; background-position: center center; background-size: auto 40px; margin: 0; float: left; display: block; }
.contacts1 .parBd ul li a h4.qq{ background-image: url(../images/iphone.png);}
.contacts1 .parBd ul li a h4.wechat{ background-image: url(../images/email.png);}
.contacts1 .parBd ul li a h4.sina{ background-image: url(../images/cont.png);}
.contacts1 .parBd ul li a h4.web{ background-image: url(../images/e.png);}
.contacts1 .parBd ul li a span{ width: 170px; height: 50px; text-align: left; padding: 5px; float: right; display: block; }
.contacts1 .parBd ul li a span h9{ line-height: 20px; font-size: 14px; color: #000; margin: 0; display: block; font-weight: 500; }
.contacts1 .parBd ul li a span h10{ line-height: 20px; font-size: 14px; color: #000; margin: 0; display: block; font-weight: 500; }



.feedback{width: 100%;.height: 1000px; margin:0 auto; padding-top:30px; padding-bottom:30px}
.feedback ul li{position: relative;float: left;width: 100%;margin: 0 30px 26px 0;overflow: hidden;}
.feedback ul li.wide{width: 100%;margin-right: 0;}
.feedback ul li.border{padding-bottom: 16px;border-bottom: 1px solid #c1c0bf;}
.feedback ul li label{float: left;width:80px;line-height: 18px;font-size: 14px;}
.feedback ul li input{float: left;width: 900px;height: 18px;line-height: 18px;border: none;font-size: 14px; background:none;}
.feedback ul li select{width: 100%;height: 50px;line-height: 50px;border: 1px solid #c1c0bf;font-size: 14px;color: #4c4c4c;}
.feedback ul li textarea{width: 100%;height: 140px;line-height: 24px;padding: 10px 8px;box-sizing: border-box;border: 1px solid #c1c0bf;font-size: 14px;}
.feedback .submit{
	position: relative;
	display: block;
	width: 205px;
	line-height: 50px;
	
	background:#1865b0;
	
	font-size: 16px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	visibility: inherit;
}


.tm5{}

.tm5 li{ border-bottom:1px dotted #ddd; padding:40px 0; overflow:hidden;}

.tm5 li .pic{ float:left; margin-right:30px; width:280px; height:190px;}

.tm5 li .txt{ float:left; width:860px;}

.tm5 li h2 a{ font-size:21px; font-weight:normal;}

.tm5 li h2{ margin-bottom:15px;}

.tm5 li p{ height:120px; overflow:hidden; line-height:24px;}

.tm5 li .other{ height:25px; line-height:25px; color:#999;}

.tm5 li .other .date{ float:right;}

.tm5 li .other .icon1{ display:block; float:left;}

.tm5 li .other .icon2{ background:url(../img/service/icon_22.png) no-repeat left center; text-indent:28px; display:block; float:left;}


.tabMain{ overflow:hidden;     width:1170px; margin:0 auto; font-size:13px;line-height:24px; position:relative;}

.tabMain h3{ font-size:21px; font-weight:normal; color:#333; margin-bottom:10px;}

.tabMain p{}

.hcon{
	font-size: 14px;
	color: #4d4d4d;
	line-height: 2.5;
	
	text-align: justify;
}



.page{font-size:12px;line-height:32px;text-align:center;clear:both; width:100%;}
.page a{    height: 32px;line-height: 32px;border: 1px solid #e5e5e5; border-radius: 3px; margin: 0 5px;    padding: 10px 15px;}
.page .red{    padding: 2px 15px;border-radius: 3px;display: inline-block; background: #1278e0; border: 1px solid #1278e0; color: #fff;}
.page a.active{background:#000;border:1px solid #1278e0;color:#fff}
.page a:hover{ background: #1278e0;border: 1px solid #1278e0;color:#fff}


.cen-04{float:left; width:100%;font-size: 24px;color: #000;text-align:center; line-height:50px;font-family: "Microsoft YaHei";}
.cen-04-1{ text-align:center; border-bottom:1px dashed #ccc; line-height:40px; color:#666; float:left; width:100%;}
.cen-04-2{float:left; width:100%; background:#f2e3d0; border:1px solid #e7d1b4;  padding:5px;}
.cen-04-3{float:left; width:100%; padding-top:8px; padding-bottom:8px; line-height:30px; font-size:14px; }
.cen-04-3 img{  text-align: center; overflow:hidden;    width: 100%;}
.cen-04-2 span{ font-weight:bold; color:#ff9933;}
.cen-04-6{float:left;width:100%; border:1px solid #fec3d7; font-size:12px;}
.newsdetail2{width:150px; float:right; text-align:right;}
.sx{width:100%; padding:20px 0; text-align:left;color:#333;margin-top:10px;font-family:Verdana, microsoft Yahei, Helvetica, sans-serif}
.sx p{clear:both;line-height:30px;font-weight:bold;}
.sx a{padding-left:10px;font-weight:normal}
.sx a:link{color:#999;text-decoration:none;}
.sx a:visited{color:#999;text-decoration:none;}
.sx a:hover{color:#e70012;text-decoration:underline;}
.sx a:active{color:#e70012;text-decoration:underline;}
.sx span{ float:right;  padding-right:20px;}
.sx span a{ padding-left:20px; color:#999 !important; text-transform:uppercase;	font-family:Verdana, microsoft Yahei, Helvetica, sans-serif}



.tz-gallery {
    padding: 20px 0px;   box-sizing: border-box;
}

.tz-gallery .thumbnail {
    padding: 0;
    border: none;
}

.tz-gallery img {
    border-radius: 2px;max-width: 100%;
}

.tz-gallery .caption{
    padding: 26px 30px;
    text-align: center;
}

.tz-gallery .caption h3 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 0;
}

.tz-gallery .caption p {
    font-size: 12px;
    color: #7b7d7d;
    margin: 0;
}


.lan{ width:100%;float:left; padding:15px 0; position:relative;}
.lan ul {padding:0; margin:0; list-style-type: none;}
.lan ul li{position:relative;  float:left; line-height:46px; height:46px; margin-left:0px; margin-right:8px;     margin-bottom: 8px;text-align:center;}
.lan ul li a, .lan ul li a:visited { color:#898989; font-size:14px; display:block; height:46px; margin-bottom:8px; background:#f4f4f4; padding:0 22px;}
.lan ul li ul {display: none;}
.lan ul li:hover a { background:#1278e0; height:46px; color:#fff;    border-radius: 5px;}
.lan ul li.hover a { background:#1278e0; height:46px; color:#fff;    border-radius: 5px;}
.lan ul li:hover ul {display:block; position:absolute; top:54px; left:0;}
.lan ul li:hover ul li { width:100%; float:left; position:relative; text-align:center; margin:0; font-size:12px; height:38px;}
.lan ul li:hover ul li a {display:block; background:#ccc; color:#fff; border-top:2px solid #fff; border-radius:4px; padding:0px; height:36px; line-height:36px; }
.lan ul li:hover ul li a:hover { background:#eabb60;    border-radius: 14px;}


.lan1{ width:100%;     height: 46px;
    margin: 15px 0;position:relative; float: left}
.lan1 ul {padding:0; margin:0; list-style-type: none;}
.lan1 ul li{position:relative;  float:left; line-height:46px; height:46px; margin-left:0px; margin-right:8px; text-align:center;}
.lan1 ul li a, .lan1 ul li a:visited { color:#898989; font-size:14px; display:block; height:46px; margin-bottom:8px; background:#f4f4f4; padding:0 22px;}
.lan1 ul li ul {display: none;}
.lan1 ul li:hover a { background:#1278e0; height:46px; color:#fff;    border-radius: 5px;}
.lan1 ul li.hover a { background:#1278e0; height:46px; color:#fff;    border-radius: 5px;}
.lan1 ul li:hover ul {display:block; position:absolute; top:54px; left:0;}
.lan1 ul li:hover ul li { width:100%; float:left; position:relative; text-align:center; margin:0; font-size:12px; height:38px;}
.lan1 ul li:hover ul li a {display:block; background:#ccc; color:#fff; border-top:2px solid #fff; border-radius:4px; padding:0px; height:36px; line-height:36px; }
.lan1 ul li:hover ul li a:hover { background:#eabb60;    border-radius: 14px;}


.ilist{
	width: calc(100% + 10px);
	padding-bottom: 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: -webkit-wrap;
	flex-wrap: -moz-wrap;
	flex-wrap: -ms-wrap;
	flex-wrap: -o-wrap;
	flex-wrap: wrap;    padding-top: 30px;
}
.ilist.on .item:nth-child(n+5){
	display: none;
}
.item{
	width: 25%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	padding: 10px 10px 0 0;
	zoom: 1;
	position: relative;
}
.item .contai{
	height: 100%;
}
.item .btnbox{
	position: absolute;
	bottom: 36px;
	left: 0;
	width: calc(100% - 10px);
	box-sizing: border-box;
	background: #fff;
	text-align: center;
	z-index: -1;
	opacity: 1;
	visibility: hidden;
}
.item .btnbox a{
	font-size: 12px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	width: 100px;
	box-sizing: border-box;
	border: 1px solid #f3f3f3;
	border-radius: 4px;
	margin: 0 7px;
	background: #fff;
	color: #494949;
	transition: all .3s ease-out;
	opacity: 0;
}
.item .btnbox a.purchase{
    background-color: #044fa0;
    color: #ffffff;
    border: 1px solid #044fa0;
}
.item .box{
	background-color: #fff;
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 1.5;
	padding-bottom: 18px;
    box-shadow: 0 0 10px 4px rgba(0,0,0,0);
    transition: all .3s ease-out;
    height: 100%;
    box-sizing: border-box;
}
.item .box .imgs{
	
}
.item .tit{
	color: #666;
	padding: 0 3%;
    transition: all .3s ease-out;
    font-size: 16px;
    margin-bottom: 6px;
}
.item .d2{
	color: #666;
	padding: 0 4%;
    transition: all .3s ease-out;
    font-size: 13px;
    font-weight: 300;
}
.item .d3{
	color: #044fa0;
	font-size: 14px;
	display: inline-block;
	padding-right: 14px;
	background: url('../img/pro_arrow.svg') no-repeat right center/7px auto;
	margin-top: 20px;
	line-height: 30px;
}
.wrap1 li .maodian{
	transform: translate(0,-76px);
}
.addmore{
	font-size: 14px;
	color: #1a1a1a;
	width: 220px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #d7d7d7;
	margin: 56px auto 95px;
	cursor: pointer;
}
.item .contai:hover .box{
	    box-shadow: 4px 4px 20px 5px rgba(0, 0, 0, 0.13);
	    transform: translate(0,-3px);
	    z-index: 3;
	    position: relative;
	}
.item .box:hover .tit,
 .item .box:hover .d2{
		color: #000;
	}

.imgs img{
  width: 100%;
}




@media (max-width:768px){
	.con{width: 100%;float:left;padding:30px 0;border-radius: 10px;}
	.item-pic__box {
	    position: relative;
    width: 100%;
    float: left;
  
}
.small-box {
	    position: relative;
    width:100%;
    
    margin-bottom: 5px;
    border: 1px solid #ccc;
}
.small-box img{ max-width: 100%;}
	.small-box > .hover {
	display: none;
	left: 0;top: 0;
	position: absolute;
	border: 1px solid #fff;
	background-color: #000;
	filter: alpha(opacity=15);
	-moz-opacity: .15;
	opacity: .15;
	cursor: move;
}
.thumbnail-box {
	position: relative;
	width: 100%;
}
.thumbnail-box .btn {
	position: absolute;
	top: 0;bottom: 0;
	width: 26px;
	border: 0;
	background: #eee url(../images/thumb-but.gif) no-repeat;
}
.thumbnail-box .btn:active {background: #b31e22 url(../images/thumb-but_active.gif) no-repeat}
.thumbnail-box .btn-prev {left: 0}
.thumbnail-box .btn-next {right: 0;background-position: center right}
.thumbnail-box .btn-next:active {background: #b31e22 url(../images/thumb-but_active.gif) no-repeat center right}
.thumbnail-box > .thumb-list {
	overflow: hidden;
	width: 185px;
	margin: 0 auto;
}
.thumbnail-box .wrapper {
	font-size: 0;
	margin-bottom: 0;
	white-space: nowrap;
}
.thumbnail-box > .thumb-list .item {
	width: 56px;
	height: 56px;
	margin: 0 2px;
	cursor: pointer;
	display: inline-block;
	border: 2px solid #fff;
}

.thumbnail-box > .thumb-list .item img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;
}
.thumbnail-box > .thumb-list .item.active {
	border: 2px solid #2e2a40;
}
.big-box {
	z-index: 100;
	display: none;
	overflow: hidden;
	position: absolute;
	left: 540px;top: 0;
	border: 1px solid #ccc;
	width: 420px;height: 420px;
}
.item-info__box {
	width: 100%;
	float: left;

}
.item-title {line-height: 2em; }
.item-title > .name {
	font-size: 25px;
	max-height: 50px;
	line-height: 50px;
}
.item-price {
	padding: 10px;
	margin-bottom: 20px;
}
.item-price .price-panel {
	height: 40px;
	line-height: 40px;
}
.item-price .price-panel .price{
	font-size: 24px;
	color: #d00;
}
.vip-price-panel {
	height: 32px;
	padding: 0 10px;
	line-height: 32px;
	margin-top: 4px;
	position: relative;
}
.vip-price-panel:hover, .vip-price-panel.active {
	color: #fff;
	background-color: #b31e22;
}
.all-price__box {
	color: #fff;
	display: none;
	overflow: hidden;
	position: absolute;
	left: 0;right: 0;top: 32px;
	background-color: #b31e22;
	line-height: 1.571428;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #fff;
	border-left: 10px solid #b31e22;
	border-right: 10px solid #b31e22;
}
.text-justify {
	text-align: justify;
	text-align-last: justify;
}
.item-ind-panel {
	width: 100%;
	border: 1px dotted #ccc;
}
.item-ind-item {
	float: left;
	padding: 12px;
	text-align: center;
	width: 33.33333333%;
}
.item-ind-item a {text-decoration: none;}
.ind-count {font-weight: bold;}

.detailproduct{ width:100%; overflow:hidden; zoom:1;}


.detail_pro{ padding-top:10px; padding-bottom:0px;}

.detail_pro_center{ width:100%; margin:0 auto; background:#fff; margin-bottom:20px; }

.detail_pro_center h3{ line-height:34px; padding-left:15px; font-size:14px; background:#1865b0;border-radius: 4px; color:#FFF; font-weight:normal;     text-align: left;}

.detail_pro_img{ padding:10px 0; text-align:left; padding-left:15px; font-size:14px;}
}
@media (min-width:769px) {
.con{width: 100%;padding:30px 0;border-radius: 10px;}
.item-pic__box {
	    position: relative;
    width: 540px;
    float: left;
  
}
.small-box {
	    position: relative;
    width: 540px;
    
    margin-bottom: 5px;
    border: 1px solid #ccc;
}
.small-box img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;
}
	.small-box > .hover {
	display: none;
	left: 0;top: 0;
	position: absolute;
	border: 1px solid #fff;
	background-color: #000;
	filter: alpha(opacity=15);
	-moz-opacity: .15;
	opacity: .15;
	cursor: move;
}
.thumbnail-box {
	position: relative;
	width: 100%;
}
.thumbnail-box .btn {
	position: absolute;
	top: 0;bottom: 0;
	width: 26px;
	border: 0;
	background: #eee url(../images/thumb-but.gif) no-repeat;
}
.thumbnail-box .btn:active {background: #b31e22 url(../images/thumb-but_active.gif) no-repeat}
.thumbnail-box .btn-prev {left: 0}
.thumbnail-box .btn-next {right: 0;background-position: center right}
.thumbnail-box .btn-next:active {background: #b31e22 url(../images/thumb-but_active.gif) no-repeat center right}
.thumbnail-box > .thumb-list {
	overflow: hidden;
	width: 185px;
	margin: 0 auto;
}
.thumbnail-box .wrapper {
	font-size: 0;
	margin-bottom: 0;
	white-space: nowrap;
}
.thumbnail-box > .thumb-list .item {
	width: 56px;
	height: 56px;
	margin: 0 2px;
	cursor: pointer;
	display: inline-block;
	border: 2px solid #fff;
}

.thumbnail-box > .thumb-list .item img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;
}
.thumbnail-box > .thumb-list .item.active {
	border: 2px solid #2e2a40;
}
.big-box {
	z-index: 100;
	display: none;
	overflow: hidden;
	position: absolute;
	left: 540px;top: 0;
	border: 1px solid #ccc;
	width: 420px;height: 420px;
}
.item-info__box {
	width: 500px;
	float: right;
	padding: 20px 40px 20px 40px;
}
.item-title {line-height: 2em; }
.item-title > .name {
	font-size: 25px;
	max-height: 50px;
	line-height: 50px;
}
.item-price {
	padding: 10px;
	margin-bottom: 20px;
}
.item-price .price-panel {
	height: 40px;
	line-height: 40px;
}
.item-price .price-panel .price{
	font-size: 24px;
	color: #d00;
}
.vip-price-panel {
	height: 32px;
	padding: 0 10px;
	line-height: 32px;
	margin-top: 4px;
	position: relative;
}
.vip-price-panel:hover, .vip-price-panel.active {
	color: #fff;
	background-color: #b31e22;
}
.all-price__box {
	color: #fff;
	display: none;
	overflow: hidden;
	position: absolute;
	left: 0;right: 0;top: 32px;
	background-color: #b31e22;
	line-height: 1.571428;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #fff;
	border-left: 10px solid #b31e22;
	border-right: 10px solid #b31e22;
}
.text-justify {
	text-align: justify;
	text-align-last: justify;
}
.item-ind-panel {
	width: 100%;
	border: 1px dotted #ccc;
}
.item-ind-item {
	float: left;
	padding: 12px;
	text-align: center;
	width: 33.33333333%;
}
.item-ind-item a {text-decoration: none;}
.ind-count {font-weight: bold;}

.detailproduct{ width:100%; overflow:hidden; zoom:1;}


.detail_pro{ padding-top:10px; padding-bottom:0px;}

.detail_pro_center{ width:100%; margin:0 auto; background:#fff; margin-bottom:20px; }

.detail_pro_center h3{ line-height:34px; padding-left:15px; font-size:14px; background:#1865b0;border-radius: 4px; color:#FFF; font-weight:normal;     text-align: left;}

.detail_pro_img{ padding:10px 0; text-align:left; padding-left:15px; font-size:14px;}
}
.detail_pro_img table { border-collapse: collapse; width: 100%;}
.detail_pro_img td {padding-left: 10px;border: 1px solid #cccccc; text-align: left;}

.sx{width:100%; padding: 1rem 0 ; text-align:left;color:#333;margin-top:10px;font-family:Verdana, microsoft Yahei, Helvetica, sans-serif}
.sx p{clear:both;line-height:2rem;font-weight:bold;}
.sx a{padding-left:10px;font-weight:normal}
.sx a:link{color:#999;text-decoration:none;}
.sx a:visited{color:#999;text-decoration:none;}
.sx a:hover{color:#f60;text-decoration:underline;}
.sx a:active{color:#f60;text-decoration:underline;}
.sx span{ float:right;  padding-right:20px;}
.sx span a{ padding-left:20px; color:#999 !important; text-transform:uppercase;	font-family:Verdana, microsoft Yahei, Helvetica, sans-serif}